@charset "UTF-8";
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}
.clear{
    clear: both;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
/*老师姓名*/
.teacher-info li{
    margin: 0.25rem 0;
}

#session{
    width:40%;
    min-width: 130px;
    height: 1.875rem;
    font-size: 16px;
    color: #666;
    border:none;
    text-indent: 0.1875rem;
    outline: none;
}
#session>option{
    font-size: 16px;
}

/*导航列表*/
.nav-bar li{
    width:33.3333%;
    margin-top: 0.9rem;
    border-bottom:1px solid #999;
    font-size: 18px;
}
.nav-bar li a{
    color: #999;
}

.record{
    margin-top: 0.5rem;
    overflow: auto;
}

.allCheck{
    margin:0.9rem 0 -0.4rem 0;
}
.classroom-info{
    margin: 1.1rem 0 -0.2rem 33.3%;
}
.classroom-info select{
    border: none;
    border-bottom: 1px solid #dddddd;
    outline: none;
    font-size:15px;
    color: #666;
}
/*button*/
.btn-apply{
    margin-top: 1rem;
}

.btn-apply-yes{
    background: #2ca4e7;
    width: 42.5%;
    height: 2.22rem;
    border:1px solid #ddd;
    color: #FFFFFF;
    font-size:17px;
}
.btn-apply-not button{
    width:40%;
    height:2.2rem;
    background: #909090;
    border:1px solid #ddd;
    color: #FFFFFF;
    font-size:17px;
}
.btn-replace{
    width:100%;
    margin: 1rem 0 3rem 0;
    height:2.5rem;
    font-size:17px;
    background: #2ca4e7;
    border:1px solid #dddddd;
    color: #FFFFFF;
    border-radius:5px;
}

/*table*/
.checkBox{
    position: absolute;
    margin:0.6rem 0.6rem;
}
.apply-table-we{
    border-radius: 6px;
    width:100%;
    color: #666666;
    padding: 0.625rem;
}
.record div:nth-child(odd) .apply-table-we{
    background: #c2dceb;
}
.apply-td1{
    width:25%;
    font-size:15px;
}
.apply-td2{
    width:35%;
    font-size:14px;
}
.apply-td3{
    width:35%;
    font-size:14px;
}
.apply-td4{
    width:5%;
    font-size:10px;
}
.apply-reason{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

/* 申请状态：审批通过 */
.state-yes{
    color: #1eb001;
}
/* 申请状态：审批驳回 */
.state-no{
    color: #ff0000;
}
/* 申请状态：审批中 */
.state-ing{
    color: #808000;
}
/* 申请状态：审批撤销 */
.state-cancel {
    color: #cccccc;
}

/*page*/
.page-nav{
    display: table;
    margin: 2.5rem auto 5rem;
}
.page-nav span{
    padding:0 0.3125rem;
    color: #2ca4e7;
}
#page,#page *{
    height: 25px;
    border-radius: 3px;
    margin: 0 10px;
    padding: 0 10px;
}

/*replace-name-list*/
.replace-name-list{
    margin-top: 1rem;
}
.replace-name-list li{
    float: left;
    width:33.3%;
    padding:0.3rem 0;
}
.replace-name-list li span{
    margin-left: 0.3rem;
}


/*footer*/
.fixed-bottom{
    width:100%;
    height: 50px;
    position: fixed;
    bottom: 0;
    font-size: 1.2rem;
    line-height: 50px;
    border-top: 5px solid #eeeeee;
    display: flex;
    background: #fff;
}
.fix-bottom-active{
    color: #2ca4e7;
}
.fixed-bottom a{
    text-align: center;
    width: 50%;
    flex: 1;
}

/*--card--*/
#time-1,#time-2,#time-3{
    border: 1px solid #666666;
    border-radius: 3px;
    height: 30px;
    text-indent: 2px;
}
.margin-top{
    margin-top:20px;
}
.margin-top10{
    margin-top:10px;
}
.margin-bottom10{
    margin-bottom:10px;
}
.record-table{
    width: 100%;
}
.record-table tr{
    display: flex;
    height: 30px;
    padding: 7px 0;
    line-height: 30px;
}
.record-table tr:nth-child(odd){
    background: #c2dceb;
    border-radius: 5px;
}
.record-table tr td{
    width: 25%;
    flex: 1;
}
.record-table tr td:last-child{
    width: 75%;
    flex: 3;
}
#unusual{
    display: block;
}
#unusual table{
    color: red ;
}

/*apply-detail*/
.wt-padding {
    padding: 30px 20px;
}
.student-info li {
    margin: 0.625rem 0;
}

#startTime,#endTime,#nature{
    width: 30%;
    min-width: 140px;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #a8a8a8;
    text-indent: 3px;
}
.to{
    width: 30%;
    min-width: 110px;
    margin-left: 80px;
    padding: 5px 0;
}
#endTime{
    margin-left: 85px;
}
#nature{
    width:15%;
    min-width: 60px;
}
#apply-reason{
    width: 100%;
    margin:1rem 0;
    padding:5px 0;
    text-indent: 2rem;
    border-radius: 4px;
    resize: none;
    color: #717171;
    font-size:15px;
    outline: none;
}
#apply-not-reason{
    width: 100%;
    margin:1rem 0;
    padding:5px 0;
    text-indent: 2rem;
    border-radius: 4px;
    resize: none;
    color: #717171;
    font-size:15px;
}
/* apply-button yes-or-not*/
.apply-yes-we,.apply-no-we{
    width:45%;
    padding:0.5rem 0;
    margin: 0 0 17% 3%;
    border:none;
    border-radius:5px;
    font-size:16px;
    color: #FFFFFF;
}
.seek-name{
    width:80%;
    font-size:18px;
}
.seek-box{
    width:60%;
    height: 20px;
}
.search-btn{
    padding:0.1rem 0;
    border:none;
    border-radius:5px;
    font-size:14px;
    color: #ffffff;
    width:20%;
    height: 24px;
    background: #2ca4e7;
}


.apply-yes-we{
    background: #2ca4e7;
}
.apply-no-we{
    background: #9b9b9b;
}

/*approve-not-teacher*/
.approve-not{
    margin-top:1rem;
}
.feedback,.apply-replace-we{
    width:80%;
    margin:0 0 0 10%;
    padding:0.5rem;
    font-size:17px;
    color: #FFFFFF;
    background: #2ca4e7;
    border:none;
    border-radius: 5px;
}
.student-info>li>.replace-name-list>li{
    margin:0 0 0.2rem 0;
}
.student-info>li:nth-child(2)>#startTime{
    margin-top:0.625rem;
}